#fangdajing {
  height: 800PX;
}

#fangdajing .banxin {
  height: 800PX;
  position: relative;
  top: 20PX;
}

#fangdajing .banxin #box {
  width: 350PX;
  height: 350PX;
  border: 3PX solid green;
  position: absolute;
}

#fangdajing .banxin #smallbox {
  width: 350PX;
  height: 350PX;
}

#fangdajing .banxin #smallbox img {
  width: 350PX;
  height: 350PX;
}

#fangdajing .banxin #bigbox {
  width: 400PX;
  height: 400PX;
  border: 3PX solid greenyellow;
  position: absolute;
  left: 370PX;
  top: 0;
  overflow: hidden;
  display: none;
  z-index: 2;
}

#fangdajing .banxin #bigbox img {
  width: 800PX;
  height: 800PX;
  border: 3PX solid goldenrod;
  position: absolute;
}

#fangdajing .banxin #mask {
  width: 50PX;
  height: 50PX;
  background-color: gray;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  cursor: move;
  opacity: 0.5;
}

/* =======================内容====================== */

#fangdajing .banxin .lr {
  width: 600PX;
  height: 800PX;
  position: absolute;
  left: 370PX;
}

#fangdajing .banxin .lr p {
  height: 30PX;
  font-size: 17PX;
  line-height: 30PX;
}

#fangdajing .banxin .lr p a {
  color: #000;
}

#fangdajing .banxin .lr p:nth-child(2) a {
  color: red;
}

#fangdajing .banxin .lr .jhs {
  height: 40PX;
  background-color: #d10909;
}

#fangdajing .banxin .lr h2 {
  text-align: center;
  color: aliceblue;
  font-size: 20PX;
  line-height: 40PX;
}

#fangdajing .banxin .lr h2 span {
  font-size: 16PX;
}

#fangdajing .banxin .lr h2 a {
  color: orange;
}

#fangdajing .banxin .jiage {
  height: 60PX;
  background-color: rgba(192, 192, 192, 0.432);
  color: darkgray;
}

#fangdajing .banxin .jiage span {
  position: absolute;
  left: 80PX;
  color: #000;
}

#fangdajing .banxin .jiage p:nth-child(2) span {
  color: red;
}

#fangdajing .banxin .jiage p:nth-child(2) a {
  display: block;
  width: 60PX;
  height: 25PX;
  color: aliceblue;
  line-height: 25PX;
  text-align: center;
  position: absolute;
  top: 130PX;
  left: 160PX;
  background-color: rgba(220, 20, 60, 0.76);
}

/*============================运费=================================*/

#fangdajing .banxin .yunfei {
  height: 40PX;
}

#fangdajing .banxin .yunfei span {
  display: block;
  float: left;
  width: 70PX;
  height: 40PX;
  line-height: 40PX;
}

#fangdajing .banxin .yunfei span:nth-child(1) {
  color: silver;
  width: 85PX;
}

/*============================销量=================================*/

#fangdajing .banxin .xiaoliang {
  height: 40PX;
  border: 1PX dashed silver;
  border-left: 0;
  border-right: 0;
}

#fangdajing .banxin .xiaoliang span {
  display: block;
  float: left;
  width: 200PX;
  font-size: 12PX;
  height: 40PX;
  text-align: center;
  line-height: 40PX;
}

#fangdajing .banxin .xiaoliang span a {
  color: red;
}

/*============================销量=================================*/

#fangdajing .banxin .l {
  width: 40PX;
  height: 40PX;
  background-color: rgba(255, 0, 0, 0.596);
  font-size: 30PX;
  color: #fff;
  text-align: center;
  float: left;
}

/*===============================优惠劵==============================*/

#fangdajing .banxin .youhui {
  height: 39PX;
  border-bottom: 0.025rem solid #afadad;
}

#fangdajing .banxin .r {
  width: 200PX;
  height: 40PX;
  background-color: rgba(192, 192, 192, 0.705);
  font-size: 16PX;
  line-height: 40PX;
  color: #fff;
  text-align: center;
  float: left;
}

#fangdajing .banxin .r span {
  color: red;
}

/*===============================鞋码==============================*/

#fangdajing .banxin .xiema {
  height: 134PX;
}

#fangdajing .banxin .xiema p {
  width: 50PX;
  height: 50PX;
  border: 1PX solid #afadad;
  text-align: center;
  line-height: 50PX;
  float: left;
  margin-left: 13PX;
  margin-top: 10PX;
}

#fangdajing .banxin .xiema p:nth-child(1) {
  width: 80PX;
  border: 0;
  height: 94PX;
  margin-left: 0PX;
}

#fangdajing .banxin .xiema p:nth-child(2) a {
  color: rgba(0, 0, 0, 0.644);
}

#fangdajing .banxin .xiema a {
  color: rgba(0, 0, 0, 0.644);
}

#fangdajing .banxin .xiema p:hover {
  border: 1PX solid red;
}

/*===========================================颜色=================================*/

#fangdajing .banxin .tupian {
  height: 102PX;
}

#fangdajing .banxin .tupian p {
  width: 50PX;
  height: 50PX;
  border: 1PX solid #afadad;
  text-align: center;
  line-height: 50PX;
  float: left;
  margin-left: 13PX;
  margin-top: 10PX;
}

#fangdajing .banxin .tupian p img {
  width: 50PX;
  height: 50PX;
}

#fangdajing .banxin .tupian p:nth-child(1) {
  width: 80PX;
  border: 0;
  height: 94PX;
  margin-left: 0PX;
}

#fangdajing .banxin .tupian p:hover {
  border: 1PX solid red;
}

/*===================================数量=====================================*/

#fangdajing .banxin .shuliang {
  height: 60PX;
  margin-top: 30PX;
}

#fangdajing .banxin .shuliang p {
  text-align: center;
  line-height: 50PX;
  float: left;
  margin-left: 13PX;
  margin-top: 10PX;
}

#fangdajing .banxin .shuliang p input {
  width: 78PX;
  height: 48PX;
}

#fangdajing .banxin .shuliang p:nth-child(1) {
  width: 80PX;
  border: 0;
  height: 94PX;
  margin-left: 0PX;
}

/*========================================服务======================================*/

#fangdajing .banxin .fuwu {
  height: 102PX;
}

#fangdajing .banxin .fuwu p {
  width: 250PX;
  height: 40PX;
  border: 1PX solid #afadad;
  text-align: center;
  line-height: 40PX;
  float: left;
  margin-left: 13PX;
  margin-top: 10PX;
}

#fangdajing .banxin .fuwu p:nth-child(2) a {
  color: rgba(0, 0, 0, 0.507);
}

#fangdajing .banxin .fuwu p:nth-child(1) {
  width: 60PX;
  border: 0;
  margin-left: -68PX;
}

#fangdajing .banxin .fuwu p:hover {
  border: 1PX solid red;
}

/*========================================花呗======================================*/

#fangdajing .banxin .huabei {
  height: 60PX;
  margin-top: -40PX;
}

#fangdajing .banxin .huabei p {
  width: 250PX;
  height: 40PX;
  border: 1PX solid #afadad;
  text-align: center;
  line-height: 40PX;
  float: left;
  margin-left: 13PX;
  margin-top: 10PX;
}

#fangdajing .banxin .huabei p:nth-child(2) a {
  color: rgba(0, 0, 0, 0.507);
}

#fangdajing .banxin .huabei p:nth-child(2) {
  width: 350PX;
  height: 40PX;
  text-align: center;
  line-height: 40PX;
  border: 0;
}

#fangdajing .banxin .huabei p:nth-child(1) {
  width: 60PX;
  border: 0;
  margin-left: 10PX;
}

/*========================================购买=========================*/

#fangdajing .banxin .goumai {
  height: 60PX;
  margin-top: -40PX;
}

#fangdajing .banxin .goumai p:nth-child(1) {
  width: 200PX;
  height: 40PX;
  border: 1PX solid red;
  text-align: center;
  line-height: 40PX;
  float: left;
  margin-left: 13PX;
  margin-top: 10PX;
  background-color: rgba(209, 9, 119, 0.63);
}

#fangdajing .banxin .goumai p:nth-child(2) {
  width: 200PX;
  height: 40PX;
  text-align: center;
  line-height: 40PX;
  float: left;
  margin-left: 13PX;
  margin-top: 10PX;
  background-color: red;
}